import React, { Component } from 'react';
import '../App.scss'
// import {getdata} from '../api/index'
class Home extends Component {
    // state={
    //     list:[]
    // }
    // // 2. 生命周期 (30分) 8:34
    // componentDidMount(){
    //     this.getlist()
    // }
    // async getlist(){
    //     const resp=await getdata()
    //     this.setState({
    //         list:resp.data.data
    //     })
    // }
    render() {
        // 3.正确渲染数据（20分） 8:43
        // 实现界面的正确排版，高保真(20分) 8:47
        const {list}=this.props
        // console.log(list) 
        return (
            <div className='home'>
             {
                 list.length>0&&list.map((v,i)=>{
                     return(
                         <dl key={i}>
                             <dt>
                                 <img src={v.img} alt="" />
                             </dt>
                             <dd>
                                 <p><b>{v.title}</b></p>
                                 <p>
                                     <span>{v.num1}年</span>
                                     <span>{v.num2}万公里</span>
                                     <span>北京</span>
                                 </p>
                                 <p style={{color:'red'}}>{v.num}万</p>
                                 <p>
                                     <span>30天可退</span>
                                     <span>一年保修</span>
                                     <span>分期付款</span>
                                 </p>
                             </dd>
                         </dl>
                     )
                 })
             }
            </div>
        );
    }
}

export default Home;
